@charset "utf-8";
/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}

i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
html,body,fieldset,img,iframe,abbr{border:0;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
a {color: #666666;text-decoration: none;}
body {background:#fff;color:#333;font-size:12px;font-family:"Microsoft YaHei";}
body{
    min-width: 1200px;
}
ul,ol,li{list-style:none}
label,summary{cursor:default;}

/*===== 去除个别浏览器图片底部的几个像素，以及设置图片形式链接无边框 =====*/
img {vertical-align:middle;}
a img {border:0 none;}
/*===== 设置表格元素的样式 =====*/
table{border-spacing:0;}/* 合并表格的间隙，去掉单元格之间的间距，如有需要合并单元格为细线表格，可增加 border-collapse:collapse; */
/*===== 设置iframe的背景色以及去除个别浏览器iframe底部的几个像素 =====*/
iframe {background-color:#FFFFFF;vertical-align:middle;}
/* layout */
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align: right}
.vt{ vertical-align:top}
.vm{vertical-align:middle}
.vb{ vertical-align:bottom}
.bc{margin-left:auto;margin-right:auto} /* blockCenter */
.pr{position:relative}
.pa{position:absolute}
.clear{clear: both}
.fl{float: left}
.fr{float: right}
.fn{float: none}
.block{display:block !important}
.dib{display:inline-block}
.ofa { overflow:auto;zoom:1}
.ofh{overflow: hidden;}
.zindex{z-index: 100}
.ofs-y { overflow-y:scroll;zoom:1}
.zoom{zoom:1}
.justify{text-align:justify;text-justify:inter-ideograph;}
.hide {display: none!important;}
.hidden{visibility:hidden!important;}
.fb{font-weight:bold}
.fn{font-weight:normal}
.unl{text-decoration:underline}
.no-unl{text-decoration:none}
/* font */
.f10{ font-size: 10px;}
.f11{font-size: 11px!important;}
.f12{ font-size: 12px!important;}
.f13{ font-size: 13px;}
.f14{ font-size: 14px!important;}
.f18{ font-size: 18px!important;}
.f18{ font-size: 14px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.f30{ font-size: 30px;}
.f36{ font-size: 36px;}
.f40{ font-size: 40px;}
/* border */
.br-c00 { border: 1px solid #c00;}
.br-ccc {border: 1px solid #ccc;}
.br-t-ccc { border-top: 1px solid #ccc;}
.br-b-ccc { border-bottom: 1px solid #ccc;}
.br-r-ccc { border-right: 1px solid #ccc;}
.br-l-ccc { border-left: 1px solid #ccc;}
.br-t-h0 { border-top:0!important;}
.br-e4 { border: 1px solid #e4e4e4;}
.br-t-e4 { border-top: 1px solid #e4e4e4;}
.br-b-e4 { border-bottom: 1px solid #e4e4e4;}
.br-b-da-e4 { border-bottom: 1px dashed #e4e4e4;}
.br-l-e4 { border-left: 1px solid #e4e4e4;}
.br-l-2880cd { border-left: 1px solid #2880cd;}
.br-b-0cf { border-bottom: 1px solid #0cf!important;}
.noborder { border:0!important;}
/* color */
.white{color:white!important;}
.red{color:red}
.green{color:#49b44f}
.blue{color:#3388bb}
.yellow{color:yellow!important;}
.purple {color:#936;}
.gray{color:gray}
.orange{color: #f64a27}
/* background */
.bg-fff{background-color:#fff}
.bg-0{background: #ffc4be}
.bg-1{background: #c0ddc0}
.bg-2{background: #c6dde2}
.bg-3{background: #e1c7e9}
.bg-4{background: #eed9b0}
.bg-5{background: #cbd2f5}
.bg-red{background: #f64a27}
.bg-green{background: #30c082}
.shadow-ins { box-shadow:0 5px 4px #e5dad0 inset;}
/* width */
.w{width:100%}
.w1200{width: 1200px;margin: 0 auto;}
.h{height:100%}
.h24{height:24px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h80{height:80px}
.h88{height:88px}
.h100{height:100px}
/* margin */
.m1{margin:1px}
.m2{margin:2px}
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m25{margin:25px}
.m30{margin:30px}
.m40{margin:40px}

.mt0{margin-top:0!important;}
.mt1{margin-top:1px}
.mt2{margin-top:2px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}

.mr0{margin-right:0!important;}
.mr1{margin-right:1px}
.mr2{margin-right:2px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}

.mb0{margin-bottom:0}
.mb1{margin-bottom:1px}
.mb2{margin-bottom:2px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb52{margin-bottom: 52px!important;}
.mb70{margin-bottom:70px!important;}
.ml0{margin-left:0!important;}
.ml1{margin-left:1px}
.ml2{margin-left:2px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.mauto{margin-left:auto;margin-right: auto;}
/* padding */
.p0{padding:0!important;}
.p2{padding: 2px}
.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}
.p40{padding:40px}

.pt0{padding-top:0!important;}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}

.pr0{padding-right:0!important;}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pr40{padding-right:40px}
.pr50{padding-right:50px}

.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}

.pl0{padding-left:0!important;}
.pl5{padding-left:5px}
.pl8{padding-left:8px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.pl35{padding-left:35px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl80{padding-left:80px}
.pl90{padding-left:90px}
.pl100{padding-left:100px}